<template>
  <div class="demo">
    <h2>学校名称：{{name}}</h2>
    <h2>地址：{{address}}</h2>
  </div>
</template>

<script>

export default {
    name: 'School',
    data() {
        return {
            name: 'sgg',
            address: 'bj', 
        }
    },
    methods: {
    }
}
</script>

<style scoped>
  .demo{
    background-color: skyblue;
  }
  /* School组件和Student组件中样式类名可能相同，此时可能造成冲突
    在style上添加scoped属性，可以让样式只为该组件使用
  */
</style>